/* globals */
html{
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  }
body{
  color:#FFFFFF;
  font:12px Verdana,Arial,Helvetica,sans-serif;
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  }
h1, h2, h3, h4, h5, h6{
  font-weight:600;
  color:#1E1B1A;  
  }


/*body*/
#filler{
  background-color:#DCDCDC;
  background-image:url(../images/background.png);
  }
#wrapper{
  width:800px;
  margin-left:auto;
  margin-right:auto;
  }
  
  /*top*/
#header { height: 100px; }
#branding img{
  float:left;
  margin:20px 10px 0px 15px;
  }
#site-name{
  width:450px;
  position:relative;
  top:20px;
  font-size:18px;
  }
#site-description {
  position:relative;
  top:8px;
  font-weight:normal;
  font-size:14px;
  }
#top-nav{
  background-color:#000000;
  position:relative;
  top:40px;
  float:right;
  padding: 5px 5px 5px 5px;
  border-radius:5px;
  -moz-border-radius:5px;
  }
#top-nav li{
  background-color:#000000;
  display:inline;
  padding:2px 5px 2px 5px;
  }
#branding, #footer-left, #nav-left{ float:left; }
#nav{
  height:70px;
  background-color: #000000;
  border-radius:5px;
  -moz-border-radius:5px;
  }
#nav-left { width:auto; }
#nav-left-top{ padding: 18px 0px 18px 0px; }
#nav-left-top li{
  font-weight:bold;
  display:inline;
  padding:15px;
  }
#nav-left-top li:hover{ color:#AAAAAA; }
#nav-left-bottom li{
  font-size:9px;
  float:right;
  padding: 4px 8px 4px 8px;
  }
#nav-left-bottom li:hover{ background-color:#333333; }
#nav-right { float:right; }
#nav-right img{
  position:relative;
  top:-8px;
  right:-25px;
  }
#name{
  position:relative;
  top:25px;
  right:80px;
  }
#nav-left-bottom li, #footer-left li{ display:inline; }

/*main*/
.ctable{ background-color:#DDDDDD; }
.main-right-menu2-quest{
  color:#00AAFF;
  text-decoration:underline;
  }
.main-right-menu2-quest a{
  color:#00AAFF;
  font-weight:500;
  }
.main-right-menu2-quest a:hover{
  color:#00CCFF;
  font-weight:500;
  }
.main-right-menu2-time{
  color:#777777;
  font-style:italic;
  font-size:9px;
  }
.main-right-menu2-plus{
  position:relative;
  top:-10px;
  left:75px;
  padding:0px 0px 0px 15px;
  display:inline;
  color:#00AAFF;
  text-decoration:underline;
  }
.main-right-menu3-prob {
  position:relative;
  left:-30px;
  list-style-type:none;
  }
.main-right-menu3-res{
  float:right;
  position:relative;
  top:-13px;
  color:#0099AA;
  list-style-type:none;
  }
#main {
  position:relative;
  top:20px;
  color:#000000;
  min-height:470px;
  }
#main-left {
  position:relative;
  top:-15px;
  float:left;
  }
#main-left-header{
  position:relative;
  top:5px;
  left:10px;
  color:#FF0000;
  }
#main-left-nav{
  background-color:#99AFCC;
  padding:12px 2px 12px 2px;
  border-radius:5px;
  -moz-border-radius:5px;
  }
#main-left-nav li {
  padding:12px 5px 12px 5px;
  color:#222222;
  font-weight:bold;
  font-size:11px;
  display:inline;
  }
#main-left-nav li:hover {
  color:#FFFFFF;
  background-color:#99AABB;
  }
#main-left-nav li:active {
  color:#FFFFFF;
  background-color:#99AABB;
  }  
#main-left-navcontent{
  position:relative;
  top:20px;
  }  
#main-left-navheader{
  position:relative;
  top:-10px;
  left:10px;
  color:#9999AA;
  font-weight:bold;
  font-size:14px;
  }
#rank{
  position:relative;
  top:-10px;
  background-color:#FFFFFF;
  border-style:solid;
  border-color:#000000;
  border-width:1px;
  padding:0px;
  border-radius:5px;
  -moz-border-radius:5px;
  }
#rank th{
  background-color:#000000;
  color:#FFFFFF;
  font-size:12px;
  }
#rank td{
  padding:5px 28px 5px 10px;
  font-size:9px;
  }
#main-right {
  min-height:446px;
  float:right;
  border-left:solid;
  border-width:10px;
  border-color:#BBBBBB;
  font-size:10px;
  }
#main-right-header{
  border-bottom: solid;
  border-width: 5px;
  border-color: #BBBBBB;
  }
#main-right-header h3{
  font-size:16px;
  position:relative;
  top:-5px;
  left:10px;
  color:#FF3333;
  }  
#main-right-time{
  position:relative;
  top:-16px;
  left:10px;
  color:#777777;
  font-size:9px;
  }
#main-right-menu{
  position:relative;
  top:10px;
  }
#main-right-menu-header{
  position:relative;
  left:10px;
  font-size:12px;
  font-weight:bold;
  color:#777777;
  }
#main-right-menu1{
  position:relative;
  top:-5px;
  left:-10px;
  color:#0099AA;
  height:80px;
  }
#main-right-menu2 { height:110px; }
#main-right-menu2 ul{
  position:relative;
  top:-5px;
  left:-30px;
  list-style-type:none;
  }
  
/*footer*/
#footer{
  width:800px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  top:5px;
  color:#333333;
  }
#footer-right { float:right; }

/*Data Tables*/
#rank_length {
  position:relative;
  left:10px;
  font-size:10px;
  }
#rank_filter {
  float:right;
  position:relative;
  top:-22px;
  right:10px;
  font-size:10px;
  }
  